<template>
    <div class="logo_search">
        <div class="logo">
            <img src="../../../assets/icon/index/logo.png" alt="">
        </div>
        <div class="search">
            <i></i>
            <a href="#/search">搜素商品</a>
            
        </div>
    </div>
  
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.logo_search{
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    .logo{
        margin-right:10px ;
        width: 64px;
        height: 23px;
        >img{
            width: 100%;
            height: 100%;
        }
    }
    .search{
        width:250px;
        height: 33px;
        border-radius: 16.5px;
        background: #f5f5f5;
        padding:0 15px;
        display: flex;
        align-items: center;
        a{
            width:200px;
            display: block;
            outline: none;
            border: 0;
            background: #f5f5f5;
            color: #bbb;
            font-size: 14px;
        }
        i{
            margin-right: 5px;
            width: 22px;
            height: 22px;
            background: url(../../../assets/icon/index/bbb_search.png) no-repeat;
            background-size: 100% 100%;

        }
    }
}

</style>

